$(function () {
    $.get('http://localhost:5000/api/menu/getmenujson', function (data) {
        console.log(data);        
        //1.getJSON方法获取json文件数据，data为json存储的数据对象组
        for (var i = 0; i < data.length; i++) {
            //2.循环访问data数组中的每个对象，长度为data.length               
                if (data[i].ParentId == null) {
                    //4.判断该data对象是否菜单的父级菜单id为0
                    //为0 则为一级菜单，生成li标签，显示菜单项名称data[i]["name"]
                    //同时添加li的class为data[i]["id"]
                    $("#nav-mainbox").append("<li class='" + data[i]["Id"] + "'><a id='" + data[i]["Id"] + "' href=# onclick=DealFun(this.id);>" + data[i]["Name"] + "</a><ul></ul></li>");

                    //7.页面首次加载时，只有第一项一级菜单的子菜单显示
                    //其他子菜单项隐藏
                    $("li").children("ul").slideUp();
                    $("li").siblings().children("ul").slideUp();

                    //6.为一级菜单绑定点击事件
                    //一级菜单项可以滑动显示或隐藏子菜单项
                    //同时，当前菜单显示，则其他都隐藏
                     $("." + data[i]["Id"]).hover( function () {                         
                         $(this).children("ul").slideToggle();
                         $(this).siblings().children("ul").slideUp();
                                                
                     })
                     var a=$("." + data[i]["Id"]).attr('class')                     
                    //  $("#nav-mainbox").on("click",("." + data[i]["Id"]), function () {                         
                    //     console.log("ok");                      
                    // },
                     $("." + data[i]["Id"]).on("click", function () {
                        console.log("ok");
                    }
                    )
                }

                if (data[i].ParentId != null) {
                    //5.判断非一级菜单项
                    //根据该对象的父级菜单id找li标签，成为其子菜单项
                    $("." + data[i]["ParentId"]).find("ul").append("<li class='" + data[i]["Id"] + "'><a id='" + data[i]["Id"] + "' href=# onclick=DealFun3(this.id);>" + data[i]["Name"] + "</a></li>");
                }

        };
        $("#nav-mainbox").append("<li class='contact'><a  href=contact.html>联系我们</a><ul></ul></li>");
    })
       
  
});
function DealFun(Id) 
 {          
    $.get('http://localhost:5000/api/menu/getmenubypid',{id:Id},function (data) {
        console.log(data)
        if(data[0]["Url"]==null){
        
        if (data[0]["Id"] == Id&&data.length>1) {
            if(data[1]["Template"]=="1"){
                var templateurl='services.html'      
            } 
            if(data[1]["Template"]=="2"){
                var templateurl='rates.html'      
            } 
            var trName=document.getElementById(Id).innerText;
                var trId = templateurl + '?menuid=' + data[1]["Id"] + '&name=' + trName;         
                open(trId)       
        }
        if (data[0]["Id"] == Id&&data.length==1) {
            if(data[0]["Template"]=="1"){
                var templateurl='services.html'      
            } 
            if(data[0]["Template"]=="2"){
                var templateurl='rates.html'      
            } 
            var trName=document.getElementById(data[0]["Id"]).innerText;
                var trId = templateurl + '?menuid=' + Id + '&name=' + trName;         
                open(trId)       
        }}
        if(data[0]["Url"]!=null){
            var url=data[0]["Url"]      
            open(url)       
        }
    
    })
   
    console.log(trId);    
   }
   function DealFun3(Id) 
 {          
    $.get('http://localhost:5000/api/menu/getmenubypid',{id:Id},function (data) {
        console.log(data)
        for (var i = 0; i < data.length; i++) {
        if (data[i]["Id"] == Id) {
            if(data[i]["Template"]=="1"){
                var templateurl='services.html'      
            } 
            if(data[i]["Template"]=="2"){
                var templateurl='rates.html'      
            } 
            var trName=document.getElementById(data[i]["ParentId"]).innerText;
                var trId = templateurl + '?menuid=' + Id + '&name=' + trName;         
                open(trId)       
        }
        
    }})
    
   }

